<template>
    <div>
      <template>
        <!--疫情人员汇总-数据统计-->
        <Row type="flex" justify="center" :gutter="20">
          <Col span="12">
            <Card class="card">
              <condition-time-echart :width="echartWidth" :height="echartHeight"></condition-time-echart>
            </Card>
          </Col>
          <Col span="12">
            <Card class="card">
              <condition-district-echart :width="echartWidth" :height="echartHeight"></condition-district-echart>
            </Card>
          </Col>
        </Row>
        <br>
        <Row type="flex" justify="center" :gutter="20">
          <Col span="12">
            <Card class="card">
              <yiqing-contact-time-echart :width="echartWidth" :height="echartHeight"></yiqing-contact-time-echart>
            </Card>
          </Col>
          <Col span="12">
            <Card class="card">
              <yiqing-contact-district-echart :width="echartWidth" :height="echartHeight"></yiqing-contact-district-echart>
            </Card>
          </Col>
        </Row>
      </template>
    </div>
</template>

<script>
// import AreaEchart from './compoments/area-echart'
// import DailyEchart from './compoments/daily-echart'
// import FeverDistrictEchart from './compoments/fever-district-echart'
// import FeverTimeEchart from './compoments/fever-time-echart'
// import CityTimeEchart from './compoments/city-time-echart'
// import CityDistrictEchart from './compoments/city-district-echart'
// import ContactDistrictEchart from './compoments/contact-district-echart'
// import ContactTimeEchart from './compoments/contact-time-echart'
import ConditionTimeEchart from './compoments/condition-time-echart'
import ConditionDistrictEchart from './compoments/condition-district-echart'
import YiqingContactTimeEchart from './compoments/yiqing-contact-time-echart/index'
import YiqingContactDistrictEchart from './compoments/yiqing-contact-district-echart/index'
export default {
  components: {
    YiqingContactDistrictEchart,
    YiqingContactTimeEchart,
    ConditionDistrictEchart,
    ConditionTimeEchart
    // ContactTimeEchart,
    // ContactDistrictEchart,
    // CityDistrictEchart,
    // CityTimeEchart,
    // FeverTimeEchart,
    // FeverDistrictEchart,
    // DailyEchart,
    // AreaEchart
  },
  data () {
    return {
      routeState: '0',
      offsetWidth: document.documentElement.clientWidth,
      offsetHeight: document.documentElement.clientHeight,
      echartWidth: (document.documentElement.clientWidth - 300) / 2,
      echartHeight: (document.documentElement.clientHeight - 330) / 2
    }
  },
  mounted () {
  },
  methods: {
  },
  watch: {
    // $route (val) {
    //   this.routeState = val.query.w ? val.query.w : '0'
    // }
  }
}
</script>

<style lang="less" scoped>
  .card {
    background-color: rgba(200,200,200,0.1);
  }
</style>
